$(document).ready(function(){
//	等待进度圈
	$(document).ajaxStart(function(){
		$.blockUI({
				message:$('#loading'),
				css: {
                     border: 'none',                   // 无边界
                     width:"20px",                     // 中间框框的宽度
                     top:"50%",                        // 高居中
                     left:"50%"                        // 左居中
                },
                overlayCSS:{backgroundColor:'#fff'}
						})
	}).ajaxStop($.unblockUI);
	
//	请求全部列表数据
	$.ajax({
		"type":"get",
		"url":"../ChargeInfoServlet?method=GetChargeList",
		"data":{
			"tablename":"chargeInfoTable",
			"pagenum":1
		},
		success:function(data){
			console.log(data);
		    appendChargeInfo(data);
		    
		},
		error:function(){
			console.log("error");
		}
		
	});
	
//	查询按钮事件
	$("#searchbtn").click(function(){
		var username = $("#username_serch").val();
		var payment = $("#payment_serch").val();
		var paydate = $("#paydatevalue_serch").val();
		var startdate = $("#startdatevalue_serch").val();
		var enddate = $("#enddatevalue_serch").val();
		var item =$("#item_serch").val();
		var operator = $("#operator_serch").val();
		$.ajax({
			"type":"post",
			"url":"../ChargeInfoServlet?method=Query",
			"data":{
				"username":username,
				"payment":payment,
				"paydate":paydate,
				"startdate":startdate,
				"enddate":enddate,
				"item":item,
				"operator":operator,
				"pagenum":1
			},
			success:function(data){
				$("tbody").remove();
				$("#pagetoolBar").empty();
				appendChargeInfo(data);
			},
			error:function(){
				console.log("error");
			}
		});
	});
	
//	增加按钮事件
	$("#add").click(function(){
		$.blockUI({
			message:$('#addframe'),
			css: {
				padding:"20px",
                border: "1px",                   // 无边界
                width:"1000px",                     // 中间框框的宽度
                top:"20%",                        // 高居中
                left:"20%"                        // 左居中
           },
        
				
		});
			
	});
	
//	取消按钮事件
	$("#cancel").click(function(){
		 $.unblockUI();
	})
//	确认按钮事件
	$("#confirm").click(function(){
		var username = $("#username").val();
		var payment = $("#payment").val();
		var paydate = $("#paydatevalue").val();
		var startdate = $("#startdatevalue").val();
		var enddate = $("#enddatevalue").val();
		var item =$("#item").val();
		var operator = $("#operator").val();
		$.ajax({
			"type":"post",
			"url":"../ChargeInfoServlet?method=Pay",
			"data":{
				"username":username,
				"payment":payment,
				"paydate":paydate,
				"startdate":startdate,
				"enddate":enddate,
				"item":item,
				"operator":operator
			},
			success:function(data){
				console.log(data);
				location.reload();
			},
			error:function(){
				console.log("error");
			}
			});
	})
//	查询部分的datetimepicker
	$("#paydatepicker").datetimepicker({
//	    "language":  'ch',
//		一周从哪天开始
	    "weekStart": 1,
//	    日期时间选择器组件的底部显示一个 "Today" 按钮用以选择当前日期。如果是true的话，"Today" 按钮仅仅将视图转到当天的日期，如果是"linked"，当天日期将会被选中。
	    "todayBtn":  true,
	    "autoclose": true,
	    "todayHighlight": true,
//	    选择器打开之后首先显示的视图  0-hour 1-day 2-month 3-year 4-decade
	    "startView": 2,
//	    所能提供的最精确的视图
	    "minView":3,
	    "maxView":4,
	    "forceParse": true,
	    "format": "yyyy/mm/dd"
	});
	$("#startdatepicker").datetimepicker({
//	    "language":  'ch',
//		一周从哪天开始
	    "weekStart": 1,
//	    日期时间选择器组件的底部显示一个 "Today" 按钮用以选择当前日期。如果是true的话，"Today" 按钮仅仅将视图转到当天的日期，如果是"linked"，当天日期将会被选中。
	    "todayBtn":  true,
	    "autoclose": true,
	    "todayHighlight": true,
//	    选择器打开之后首先显示的视图  0-hour 1-day 2-month 3-year 4-decade
	    "startView": 2,
//	    所能提供的最精确的视图
	    "minView":3,
	    "maxView":4,
	    "forceParse": true,
	    "format": "yyyy/mm/dd"
	});
	$("#enddatepicker").datetimepicker({
//	    "language":  'ch',
//		一周从哪天开始
	    "weekStart": 1,
//	    日期时间选择器组件的底部显示一个 "Today" 按钮用以选择当前日期。如果是true的话，"Today" 按钮仅仅将视图转到当天的日期，如果是"linked"，当天日期将会被选中。
	    "todayBtn":  true,
	    "autoclose": true,
	    "todayHighlight": true,
//	    选择器打开之后首先显示的视图  0-hour 1-day 2-month 3-year 4-decade
	    "startView": 2,
//	    所能提供的最精确的视图
	    "minView":3,
	    "maxView":4,
	    "forceParse": true,
	    "format": "yyyy/mm/dd"
	});
		
	
//	增加部分的datetimepicker
	$("#paydate").datetimepicker({
//	    "language":  'ch',
//		一周从哪天开始
	    "weekStart": 1,
//	    日期时间选择器组件的底部显示一个 "Today" 按钮用以选择当前日期。如果是true的话，"Today" 按钮仅仅将视图转到当天的日期，如果是"linked"，当天日期将会被选中。
	    "todayBtn":  true,
	    "autoclose": true,
	    "todayHighlight": true,
//	    选择器打开之后首先显示的视图  0-hour 1-day 2-month 3-year 4-decade
	    "startView": 2,
//	    所能提供的最精确的视图
	    "minView":3,
	    "maxView":4,
	    "forceParse": true,
	    "format": "yyyy/mm/dd"
	});
	$("#startdate").datetimepicker({
//	    "language":  'ch',
//		一周从哪天开始
	    "weekStart": 1,
//	    日期时间选择器组件的底部显示一个 "Today" 按钮用以选择当前日期。如果是true的话，"Today" 按钮仅仅将视图转到当天的日期，如果是"linked"，当天日期将会被选中。
	    "todayBtn":  true,
	    "autoclose": true,
	    "todayHighlight": true,
//	    选择器打开之后首先显示的视图  0-hour 1-day 2-month 3-year 4-decade
	    "startView": 2,
//	    所能提供的最精确的视图
	    "minView":3,
	    "maxView":4,
	    "forceParse": true,
	    "format": "yyyy/mm/dd"
	});
	$("#enddate").datetimepicker({
//	    "language":  'ch',
//		一周从哪天开始
	    "weekStart": 1,
//	    日期时间选择器组件的底部显示一个 "Today" 按钮用以选择当前日期。如果是true的话，"Today" 按钮仅仅将视图转到当天的日期，如果是"linked"，当天日期将会被选中。
	    "todayBtn":  true,
	    "autoclose": true,
	    "todayHighlight": true,
//	    选择器打开之后首先显示的视图  0-hour 1-day 2-month 3-year 4-decade
	    "startView": 2,
//	    所能提供的最精确的视图
	    "minView":3,
	    "maxView":4,
	    "forceParse": true,
	    "format": "yyyy/mm/dd"
	});
	
})

//将后台获取的数据append，生成表格
function appendChargeInfo(data){
	var recordsTotal=JSON.parse(data).recordsTotal;
	if(recordsTotal==0){
		var info = JSON.parse(data).Info;
    	console.log(info);
    	$("#resultinfo").text(info);
    	window.setTimeout(function(){
    		$.blockUI({
    			message:$('#noresult'),
    			css: {
    				padding:"20px",
                    border: "1px",                   // 无边界
                    width:"1000px",                     // 中间框框的宽度
                    top:"40%",                        // 高居中
                    left:"20%"                        // 左居中
               },
    		});
    	},100);
    	
    	$("#res_confirm").click(function(){
    		 $.unblockUI();
    		 location.reload();
    	});
	}
	else{
		var ChargeInfo = JSON.parse(data).ChargeInfo;
	    $.each(ChargeInfo,function(indexs,values){
	    	var tr = "<tr><td>"+this.username+"</td><td>"+this.payment+"</td><td>"+this.paydate+"</td><td>"
	    			+this.startdate+"</td><td>"+this.enddate+"</td><td>"+this.item+"</td><td>"+this.operator+"</td></tr>";
//		    	遍历添加行
	    	$("#chargeInfoTable").append(tr);

	    });
	    var url ='../ChargeInfoServlet?method=GetChargeList';
	    pageMaker(recordsTotal,url,"pagetoolBar");
	}
    
}